import { View, Swiper, SwiperItem, Image, Button, Text, ScrollView, Picker } from '@tarojs/components'
import { BasePage } from '@common/components/base-page'
import style from './index.module.scss'

interface IProps {
  bannerList: any
}
interface IState {
}
export default class Banner extends BasePage<IProps, IState> {
  constructor(props) {
    super(props);
    this.state = {
    }
  }

  render() {
    const { bannerList } = this.props
    return (
      <Swiper
        indicatorColor='#333'
        indicatorActiveColor='#fff'
        className={style.margin}
        circular
        indicatorDots
      >
        {
          bannerList?.map((item, index) => {
            return <SwiperItem>
              <Image src={item.bannerUrl}></Image>
            </SwiperItem>
          })
        }
      </Swiper>

    )
  }
}
